<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="author" content="order by dede58.com"/>
    <title>蛋糕商城</title>
    <link rel="stylesheet" type="text/css" href="/static/css/style.css">
    <script type="text/javascript">
        window.onload = function () {
            var wrap = document.getElementById('wrap'),
                pic = document.getElementById('pic').getElementsByTagName("li"),
                list = document.getElementById('list').getElementsByTagName('li'),
                index = 0,
                timer = null;

            // 定义并调用自动播放函数
            timer = setInterval(autoPlay, 2000);

            // 鼠标划过整个容器时停止自动播放
            wrap.onmouseover = function () {
                clearInterval(timer);
            }

            // 鼠标离开整个容器时继续播放至下一张
            wrap.onmouseout = function () {
                timer = setInterval(autoPlay, 2000);
            }
            // 遍历所有数字导航实现划过切换至对应的图片
            for (var i = 0; i < list.length; i++) {
                list[i].onmouseover = function () {
                    clearInterval(timer);
                    index = this.innerText - 1;
                    changePic(index);
                };
            };

            function autoPlay() {
                if (++index >= pic.length) index = 0;
                changePic(index);
            }

            // 定义图片切换函数
            function changePic(curIndex) {
                for (var i = 0; i < pic.length; ++i) {
                    pic[i].style.display = "none";
                    list[i].className = "";
                }
                pic[curIndex].style.display = "block";
                list[curIndex].className = "on";
            }

        };
    </script>
</head>
<body>
<!-- start header -->
<header style="background-color: whitesmoke;">
    <div class="top center">
        <div class="left fl">
            <ul>
                <li><a href="/index/" target="_blank">鲜焙蛋糕</a></li>
                <li>|</li>
                {% if request.user.is_authenticated %}
                    <li><a href="">{{ user.username }}</a></li>
                    <li>|</li>
                    <li><a href="/logout/">注销</a></li>
                {% else %}
                    <li><a href="/login/">请登录</a></li>
                    <li>|</li>
                <li><a href="/register/">注册</a></li>
                {% endif %}
                <li>|</li>
                <li><a href="">问题反馈</a></li>
                <div class="clear"></div>
            </ul>
        </div>
        <div class="right fr">
            <div class="gouwuche fr"><a href="">购物车</a></div>
            <div class="fr">
                <ul>
                    <li><a href="./login.html" target="_blank">我的订单</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
</header>
<!--end header -->

<!-- start banner_x -->
<div class="banner_x center">
    <div class="nav fl">
        <ul>
            <li>
                <a href="/index/" target="_blank"><img src="/static/image/logo.png" alt=""
                                                            style="height: 5rem;padding-top: 1rem;"></a>
            </li>
            <li><a href="/liebiao/?type=2" target="_blank">生日派对</a></li>
            <li><a href="/liebiao/?type=1">缤纷水果</a></li>
            <li><a href="/liebiao/?type=4">可可浪漫</a></li>
            <li><a href="/liebiao/?type=5">清凉一夏</a></li>
            <li><a href="/liebiao/?type=3">尽享丝滑</a></li>
            <li><a href="/liebiao/?type=6">香醇甜美</a></li>
            <li><a href="/liebiao/?type=8">午后时光</a></li>
        </ul>
    </div>
    <div class="search fr">
        <form action="" method="post">
            <div class="text fl">
                <input type="text" class="shuru" placeholder="夏日限定&nbsp;冰激凌">
            </div>
            <div class="submit fl">
                <input type="submit" class="sousuo" value="搜索"/>
            </div>
            <div class="clear"></div>
        </form>
        <div class="clear"></div>
    </div>
</div>
<!-- end banner_x -->

<!-- start banner_y -->
<div class="banner_y center">
    <div class="nav fl">
        <ul>
            <li>
                <a href="/liebiao/?type=2">生日蛋糕&nbsp;·&nbsp;Birthday Cake</a>
                <div class="li_right" style="display:inline;float:right;"><a></a></div>
                <div class="pop">
                    <div class="left fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="/static/image/xm6_80.png" alt=""></div>
                                    <span class="fl">小米6</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="./xiangqing.html" target="_blank">选购</a>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="/static/image/5c_80.png" alt=""></div>
                                    <span class="fl">小米手机5c</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="/static/image/xmNOTE2-80.jpg" alt=""></div>
                                    <span class="fl">小米Note 2</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="/static/image/MIX-80.jpg" alt=""></div>
                                    <span class="fl">小米MIX</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="/static/image/MIX-80.jpg" alt=""></div>
                                    <span class="fl">小米5s</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="/static/image/xm5Splus.jpg" alt=""></div>
                                    <span class="fl">小米5s Plus</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="ctn fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="/static/image/xm5-80.jpg" alt=""></div>
                                    <span class="fl">小米手机5</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="/static/image/hmn4x80.png" alt=""></div>
                                    <span class="fl">红米Note 4X</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="/static/image/hmnote4-80.jpg" alt=""></div>
                                    <span class="fl">红米Note-4</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="/static/image/hm4x_80.png" alt=""></div>
                                    <span class="fl">红米4x</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="/static/image/hm4-80.jpg" alt=""></div>
                                    <span class="fl">红米4</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="/static/image/hm4A-80.jpg" alt=""></div>
                                    <span class="fl">红米4A</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="right fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="/static/image/compare.jpg" alt=""></div>
                                    <span class="fl">对比手机</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="/static/image/mimobile.jpg" alt=""></div>
                                    <span class="fl">小米移动&nbsp;电话卡</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
            <li>
                <a href="/liebiao/?type=1">水果蛋糕&nbsp;·&nbsp;Fruit Cake</a>
                <div class="li_right" style="display:inline;float:right;"><a></a></div>
                <div class="pop">
                    <div class="left fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm6_80.png" alt=""></div>
                                    <span class="fl">小米6</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="./xiangqing.html" target="_blank">选购</a>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/5c_80.png" alt=""></div>
                                    <span class="fl">小米手机5c</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xmNOTE2-80.jpg" alt=""></div>
                                    <span class="fl">小米Note 2</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/MIX-80.jpg" alt=""></div>
                                    <span class="fl">小米MIX</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/MIX-80.jpg" alt=""></div>
                                    <span class="fl">小米5s</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm5Splus.jpg" alt=""></div>
                                    <span class="fl">小米5s Plus</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="ctn fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm5-80.jpg" alt=""></div>
                                    <span class="fl">小米手机5</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hmn4x80.png" alt=""></div>
                                    <span class="fl">红米Note 4X</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hmnote4-80.jpg" alt=""></div>
                                    <span class="fl">红米Note-4</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4x_80.png" alt=""></div>
                                    <span class="fl">红米4x</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4-80.jpg" alt=""></div>
                                    <span class="fl">红米4</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4A-80.jpg" alt=""></div>
                                    <span class="fl">红米4A</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="right fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/compare.jpg" alt=""></div>
                                    <span class="fl">对比手机</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/mimobile.jpg" alt=""></div>
                                    <span class="fl">小米移动&nbsp;电话卡</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
            <li>
                <a href="/liebiao/?type=3">慕斯蛋糕&nbsp;·&nbsp;Mousse Cake</a>
                <div class="li_right" style="display:inline;float:right;"><a></a></div>
                <div class="pop">
                    <div class="left fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm6_80.png" alt=""></div>
                                    <span class="fl">小米6</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="./xiangqing.html" target="_blank">选购</a>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/5c_80.png" alt=""></div>
                                    <span class="fl">小米手机5c</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xmNOTE2-80.jpg" alt=""></div>
                                    <span class="fl">小米Note 2</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/MIX-80.jpg" alt=""></div>
                                    <span class="fl">小米MIX</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/MIX-80.jpg" alt=""></div>
                                    <span class="fl">小米5s</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm5Splus.jpg" alt=""></div>
                                    <span class="fl">小米5s Plus</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="ctn fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm5-80.jpg" alt=""></div>
                                    <span class="fl">小米手机5</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hmn4x80.png" alt=""></div>
                                    <span class="fl">红米Note 4X</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hmnote4-80.jpg" alt=""></div>
                                    <span class="fl">红米Note-4</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4x_80.png" alt=""></div>
                                    <span class="fl">红米4x</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4-80.jpg" alt=""></div>
                                    <span class="fl">红米4</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4A-80.jpg" alt=""></div>
                                    <span class="fl">红米4A</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="right fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/compare.jpg" alt=""></div>
                                    <span class="fl">对比手机</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/mimobile.jpg" alt=""></div>
                                    <span class="fl">小米移动&nbsp;电话卡</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
            <li>
                <a href="/liebiao/?type=4">巧克力蛋糕&nbsp;·&nbsp;Chocolate Cake</a>
                <div class="li_right" style="display:inline;float:right;"><a></a></div>
                <div class="pop">
                    <div class="left fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm6_80.png" alt=""></div>
                                    <span class="fl">小米6</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="./xiangqing.html" target="_blank">选购</a>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/5c_80.png" alt=""></div>
                                    <span class="fl">小米手机5c</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xmNOTE2-80.jpg" alt=""></div>
                                    <span class="fl">小米Note 2</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/MIX-80.jpg" alt=""></div>
                                    <span class="fl">小米MIX</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/MIX-80.jpg" alt=""></div>
                                    <span class="fl">小米5s</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm5Splus.jpg" alt=""></div>
                                    <span class="fl">小米5s Plus</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="ctn fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm5-80.jpg" alt=""></div>
                                    <span class="fl">小米手机5</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hmn4x80.png" alt=""></div>
                                    <span class="fl">红米Note 4X</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hmnote4-80.jpg" alt=""></div>
                                    <span class="fl">红米Note-4</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4x_80.png" alt=""></div>
                                    <span class="fl">红米4x</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4-80.jpg" alt=""></div>
                                    <span class="fl">红米4</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4A-80.jpg" alt=""></div>
                                    <span class="fl">红米4A</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="right fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/compare.jpg" alt=""></div>
                                    <span class="fl">对比手机</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/mimobile.jpg" alt=""></div>
                                    <span class="fl">小米移动&nbsp;电话卡</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
            <li>
                <a href="/liebiao/?type=5">冰激凌蛋糕&nbsp;·&nbsp;Ice-cream Cake</a>
                <div class="li_right" style="display:inline;float:right;"><a></a></div>
                <div class="pop">
                    <div class="left fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm6_80.png" alt=""></div>
                                    <span class="fl">小米6</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="./xiangqing.html" target="_blank">选购</a>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/5c_80.png" alt=""></div>
                                    <span class="fl">小米手机5c</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xmNOTE2-80.jpg" alt=""></div>
                                    <span class="fl">小米Note 2</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/MIX-80.jpg" alt=""></div>
                                    <span class="fl">小米MIX</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/MIX-80.jpg" alt=""></div>
                                    <span class="fl">小米5s</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm5Splus.jpg" alt=""></div>
                                    <span class="fl">小米5s Plus</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="ctn fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm5-80.jpg" alt=""></div>
                                    <span class="fl">小米手机5</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hmn4x80.png" alt=""></div>
                                    <span class="fl">红米Note 4X</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hmnote4-80.jpg" alt=""></div>
                                    <span class="fl">红米Note-4</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4x_80.png" alt=""></div>
                                    <span class="fl">红米4x</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4-80.jpg" alt=""></div>
                                    <span class="fl">红米4</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4A-80.jpg" alt=""></div>
                                    <span class="fl">红米4A</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="right fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/compare.jpg" alt=""></div>
                                    <span class="fl">对比手机</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/mimobile.jpg" alt=""></div>
                                    <span class="fl">小米移动&nbsp;电话卡</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
            <li>
                <a href="/liebiao/?type=6">奶酪蛋糕&nbsp;·&nbsp;Cheese Cake</a>
                <div class="li_right" style="display:inline;float:right;"><a></a></div>
                <div class="pop">
                    <div class="left fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm6_80.png" alt=""></div>
                                    <span class="fl">小米6</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/5c_80.png" alt=""></div>
                                    <span class="fl">小米手机5c</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xmNOTE2-80.jpg" alt=""></div>
                                    <span class="fl">小米Note 2</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/MIX-80.jpg" alt=""></div>
                                    <span class="fl">小米MIX</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/MIX-80.jpg" alt=""></div>
                                    <span class="fl">小米5s</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm5Splus.jpg" alt=""></div>
                                    <span class="fl">小米5s Plus</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="ctn fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm5-80.jpg" alt=""></div>
                                    <span class="fl">小米手机5</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hmn4x80.png" alt=""></div>
                                    <span class="fl">红米Note 4X</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hmnote4-80.jpg" alt=""></div>
                                    <span class="fl">红米Note-4</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4x_80.png" alt=""></div>
                                    <span class="fl">红米4x</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4-80.jpg" alt=""></div>
                                    <span class="fl">红米4</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4A-80.jpg" alt=""></div>
                                    <span class="fl">红米4A</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="right fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/compare.jpg" alt=""></div>
                                    <span class="fl">对比手机</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/mimobile.jpg" alt=""></div>
                                    <span class="fl">小米移动&nbsp;电话卡</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
            <li>
                <a href="/liebiao/?type=7">海绵蛋糕&nbsp;·&nbsp;Sponge Cake</a>
                <div class="li_right" style="display:inline;float:right;"><a></a></div>
                <div class="pop">
                    <div class="left fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm6_80.png" alt=""></div>
                                    <span class="fl">小米6</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/5c_80.png" alt=""></div>
                                    <span class="fl">小米手机5c</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xmNOTE2-80.jpg" alt=""></div>
                                    <span class="fl">小米Note 2</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/MIX-80.jpg" alt=""></div>
                                    <span class="fl">小米MIX</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/MIX-80.jpg" alt=""></div>
                                    <span class="fl">小米5s</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm5Splus.jpg" alt=""></div>
                                    <span class="fl">小米5s Plus</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="ctn fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm5-80.jpg" alt=""></div>
                                    <span class="fl">小米手机5</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hmn4x80.png" alt=""></div>
                                    <span class="fl">红米Note 4X</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hmnote4-80.jpg" alt=""></div>
                                    <span class="fl">红米Note-4</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4x_80.png" alt=""></div>
                                    <span class="fl">红米4x</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4-80.jpg" alt=""></div>
                                    <span class="fl">红米4</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/hm4A-80.jpg" alt=""></div>
                                    <span class="fl">红米4A</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="right fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/compare.jpg" alt=""></div>
                                    <span class="fl">对比手机</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/mimobile.jpg" alt=""></div>
                                    <span class="fl">小米移动&nbsp;电话卡</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <!-- <div class="xuangou_right fr"><a href="">选购</a></div> -->
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
            <li>
                <a href="/liebiao/?type=8">泡芙&nbsp;&&nbsp;面包&nbsp;&&nbsp;甜点</a>
                <div class="li_right" style="display:inline;float:right;"><a></a></div>
                <div class="pop">
                    <div class="left fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm6_80.png" alt=""></div>
                                    <span class="fl">小米6</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/5c_80.png" alt=""></div>
                                    <span class="fl">小米手机5c</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xmNOTE2-80.jpg" alt=""></div>
                                    <span class="fl">小米Note 2</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/MIX-80.jpg" alt=""></div>
                                    <span class="fl">小米MIX</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/MIX-80.jpg" alt=""></div>
                                    <span class="fl">小米5s</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img src="./image/xm5Splus.jpg" alt=""></div>
                                    <span class="fl">小米5s Plus</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </li>
            <div class="clear"></div>
        </ul>
    </div>
    <div class="wrap" id="wrap">
        <ul id="pic">
            {% for rotation in rotations %}
            <li><a href="/xiangqing/?id={{ rotation.cake_id.id }}"><img src="{{ rotation.img_file.url }}" alt="" style="width: 931px;height: 460px;"></a></li>
            {% endfor %}
        </ul>
        <ol id="list">
            {% for rotation in rotations %}
                {% if forloop.first %}
                    <li class="on">{{ forloop.counter }}</li>
                {% else %}
                    <li>{{ forloop.counter }}</li>
                {% endif %}
            {% endfor %}
        </ol>
    </div>
</div>

<div class="sub_banner center">
    {% for hot_sale in hot_sales %}
        {% if forloop.first %}
            <div class="datu0 fl"><a href="/xiangqing/?id={{ hot_sale.cake_id.id }}"><img src="{{ hot_sale.img_file.url }}" alt=""
                                                  style="width: 295px;height: 170px;"></a></div>
        {% else %}
            <div class="datu fl"><a href="/xiangqing/?id={{ hot_sale.cake_id.id }}"><img src="{{ hot_sale.img_file.url }}" alt=""
                                                 style="width: 295px;height: 170px;"></a></div>
        {% endif %}
    {% endfor %}
    <div class="clear"></div>


</div>
<!-- end banner -->
<div class="tlinks">Collect from <a href="http://www.cssmoban.com/">企业网站模板</a></div>

<!-- start danpin -->
<div class="danpin center">
    <div class="biaoti center">为您推荐</div>
    <div class="main center">
        {% for show in shows %}
            {% if forloop.counter0 < 5 %}
                <div class="mingxing fl">
                    <div class="sub_mingxing"><a href="/xiangqing/?id={{ show.cake_id.id }}"><img src="{{ show.cake_id.img.img_file.url }}" alt=""></a>
                    </div>
                    <div class="pinpai"><a href="/xiangqing/?id={{ show.cake_id.id }}">{{ show.cake_id }}</a></div>
                    <div class="youhui">{{ show.cake_id.type }}</div>
                    <div class="jiage">{{ show.cake_id.price }}</div>
                </div>
            {% endif %}
        {% endfor %}
    </div>
    <div class="main center">
        {% for show in shows %}
            {% if forloop.counter0 > 4 %}
                <div class="mingxing fl">
                    <div class="sub_mingxing"><a href="/xiangqing/?id={{ show.cake_id.id }}"><img src="{{ show.cake_id.img.img_file.url }}" alt=""></a>
                    </div>
                    <div class="pinpai"><a href="/xiangqing/?id={{ show.cake_id.id }}">{{ show.cake_id }}</a></div>
                    <div class="youhui">{{ show.cake_id.type }}</div>
                    <div class="jiage">{{ show.cake_id.price }}</div>
                </div>
            {% endif %}
        {% endfor %}
        <div class="clear"></div>
    </div>
</div>

<footer class="mt20 center">
    <div>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</div>
    <div>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</div>
</footer>
</body>
</html>
